<?php
/*
 * Спрятанное поле отправляет список связей, скрипт запрашивает по списку идентификаторов превьюшки у каждой превьюшки есть кнопка удаления есть поле для загрузки файлов, отправляет пост-запрос на соответствующий экшшн, после загрузки - возвращается список новых загруженных идентификаторов, добавляемых в спрятанное поле, и опять перезагрузка превьюшек (может догрузку сделать?)
 */
$ret = [ ];
foreach ( $value as $v ) {
	$ret [] = $v ['_ref'];
}

?>

<div class="reference-many-file" data-reference-many-file="true">
	<div class="thumbs-container" data-thumbs-container="true">
		<?php
		foreach ( $ret as $r ) {
			$thumbUrl = $this->url ( $params ['thumbAction'], [ 
					'id' => $r,
					'thumb' => $params ['thumbType'] 
			] )?>
			<div class="thumb" style="background-image: url(<?=$thumbUrl?>)">
			<div class="delete-button" data-delete-id="<?php echo $r?>">&nbsp;X&nbsp;</div>
		</div>
		<?php }?>
	</div>

	<input type="hidden" name="<?php echo $params['name'] ?>"
		<?php if (!empty($params['errors'])) { ?>
		data-content="<?= implode(', ', $params['errors']) ?>"
		data-has-error="1" <?php } ?>
		class="form-control <?= $elementClass ?>"
		value="<?php echo implode(',', $ret) ?>" />

	<div class="upload-container row clear">
		<div class="col-md-2" style="padding-left: 0px;">
			<button type="button" class="btn btn-default"
				data-upload-action="<?php echo $this->url($params['uploadAction'])?>">
				Upload</button>
		</div>
		<div class="col-md-6">
			<div style="display: none; margin-top: 7px; margin-bottom: 7px;"
				class="progress progress-striped active">
				<div class="upload-percent upload-bar progress-bar"
					role="progressbar"></div>
			</div>
		</div>
	</div>

</div>